import styled from 'styled-components'

export const Head = styled.div`
  padding: .2rem .3rem;
  font-size: .24rem;
  line-height: .5rem;
  color: #808080;
  text-align: center;
  background: #fff;
  .progress{
    display: flex;
    padding: 0 .6rem;
    .bg{
      height: .18rem;
      background: #ccc;
      flex: 1;
      margin: 0 .15rem;
      margin-top: .16rem;
      border-radius: .20rem;
      overflow: hidden;
      i{
        display: block;
        height: .18rem;
        background: #c29c5d;
      }
    }
  }
  .compine{
    color: #c29c5d;
  }
`

export const Progre = styled.div`
  margin-top: .20rem;
  background: #fff;
  h3{
    font-size: .3rem;
    line-height: 1rem;
    color: #333;
    font-weight: normal;
    padding: 0 .3rem;
    border-bottom: .01rem solid #eee;
  }
  .g2-guide-html{
    display: flex;
    font-size: .24rem;
    color: #333;
  }
`